<template>
	<view class="auth">
		<view class="flex-between">
			<view class="" style="width: 80%;">
				<view class="base-size" style="margin: 20rpx 10rpx 20rpx 0;">
					资质认证
				</view>
				<view class="small-size-28" style="line-height: 2;color: #8A9668;">
					请上传本人真实的照片以及工作信息，
					审核通过后，可提升商家信任度，从而
					提升排单率。
				</view>
			</view>
			<view class="">
				<image src="@/static/users/13.png" mode="" style="width: 200rpx;height: 200rpx;"></image>
			</view>
		</view>
		<view class="w94 bgwhite radius20 p-30">
			<view class="">
				<text style="color: red;">*</text>
				<text>本人照片</text>
			</view>
			<view class="flex-center" style="height: 300rpx;">
				<image src="@/static/lg.png" mode=""
					style="background-color: #e5e5e5;border-radius: 50%;width: 200rpx;height: 200rpx;"></image>
			</view>
			<view class="" style="text-align: center;">
				重新上传
			</view>
		</view>
		<view class="w94 bgwhite radius20 p-30 mt20">
			<view class="">
				<text style="color: red;">*</text>
				<text>工作照</text>
			</view>
			<view class="flex " style="min-height: 260rpx; flex-wrap: wrap;">
				<block v-for="i in 5" :key="i">
					<image src="@/static/lg.png" mode=""
						style="background-color: #e5e5e5;border-radius:20rpx;width: 150rpx;height: 150rpx;margin: 10rpx;"></image>
				</block>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.auth {
		height: calc(100vh - 15px);
		background: linear-gradient(to bottom, #CEEE5B, 30%, #fff);
		padding: 30rpx;
		position: relative;
	}
</style>